<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>隔行变色</title>
    <script type="text/javascript" src="../../js/jquery-3.4.1.min.js"></script>
    <script>
        $(function(){
            // $("p:odd")返回的是一个符合条件的元素的数组
            // 如果直接通过该元素设置样式,则会将所有符合条件的元素全部赋予指定样式
            $("p:odd").css("background-color","pink");
            $("p:even").css("background-color","gray");
        })
    </script>
</head>
<body>
<p>索引为0的段落</p>
<p>索引为1的段落</p>
<p>索引为2的段落</p>
<p>索引为3的段落</p>
<p>索引为4的段落</p>
<p>索引为5的段落</p>
<p>索引为6的段落</p>
<p>索引为7的段落</p>
<p>索引为8的段落</p>
<p>索引为9的段落</p>
<p>索引为10的段落</p>
<p>索引为11的段落</p>
<p>索引为12的段落</p>
<p>索引为13的段落</p>
<p>索引为14的段落</p>
<p>索引为15的段落</p>
<p>索引为16的段落</p>
<p>索引为17的段落</p>
<p>索引为18的段落</p>
<p>索引为19的段落</p>
<p>索引为20的段落</p>
<p>索引为21的段落</p>
<p>索引为22的段落</p>
<p>索引为23的段落</p>
<p>索引为24的段落</p>
<p>索引为25的段落</p>
<p>索引为26的段落</p>
<p>索引为27的段落</p>
<p>索引为28的段落</p>
<p>索引为29的段落</p>
<p>索引为30的段落</p>
<p>索引为31的段落</p>
<p>索引为32的段落</p>
<p>索引为33的段落</p>
<p>索引为34的段落</p>
<p>索引为35的段落</p>
<p>索引为36的段落</p>
<p>索引为37的段落</p>
<p>索引为38的段落</p>
<p>索引为39的段落</p>
<p>索引为40的段落</p>
<p>索引为41的段落</p>
<p>索引为42的段落</p>
<p>索引为43的段落</p>
<p>索引为44的段落</p>
<p>索引为45的段落</p>
<p>索引为46的段落</p>
<p>索引为47的段落</p>
<p>索引为48的段落</p>
<p>索引为49的段落</p>
<p>索引为50的段落</p>
<p>索引为51的段落</p>
<p>索引为52的段落</p>
<p>索引为53的段落</p>
<p>索引为54的段落</p>
<p>索引为55的段落</p>
<p>索引为56的段落</p>
<p>索引为57的段落</p>
<p>索引为58的段落</p>
<p>索引为59的段落</p>
<p>索引为60的段落</p>
<p>索引为61的段落</p>
<p>索引为62的段落</p>
<p>索引为63的段落</p>
<p>索引为64的段落</p>
<p>索引为65的段落</p>
<p>索引为66的段落</p>
<p>索引为67的段落</p>
<p>索引为68的段落</p>
<p>索引为69的段落</p>
<p>索引为70的段落</p>
<p>索引为71的段落</p>
<p>索引为72的段落</p>
<p>索引为73的段落</p>
<p>索引为74的段落</p>
<p>索引为75的段落</p>
<p>索引为76的段落</p>
<p>索引为77的段落</p>
<p>索引为78的段落</p>
<p>索引为79的段落</p>
<p>索引为80的段落</p>
<p>索引为81的段落</p>
<p>索引为82的段落</p>
<p>索引为83的段落</p>
<p>索引为84的段落</p>
<p>索引为85的段落</p>
<p>索引为86的段落</p>
<p>索引为87的段落</p>
<p>索引为88的段落</p>
<p>索引为89的段落</p>
<p>索引为90的段落</p>
<p>索引为91的段落</p>
<p>索引为92的段落</p>
<p>索引为93的段落</p>
<p>索引为94的段落</p>
<p>索引为95的段落</p>
<p>索引为96的段落</p>
<p>索引为97的段落</p>
<p>索引为98的段落</p>
<p>索引为99的段落</p>
<p>索引为100的段落</p>
</body>
</html>